<template>
  <el-dialog
    :show-close="false"
    :close-on-click-modal="false"
    :modal="true"
    :visible="dialogTableVisible"
    custom-class="baseInfo-tip"
    width="460px"
    style="width: 460px;margin:auto;margin-top: 30vh;"
  >
    <div class="content">
      <div class="title">
        您有待完善的个人信息
      </div>
      <div class="title">
        请完善后再办理相关业务
      </div>
      <div class="flex w-full justify-between p-4 py-8">
        <!-- <el-button type="info" @click="hideDialog">
          关闭
        </el-button> -->
        <el-button class="w-full"  type="primary" @click="toBaseInfo">
          去完善
        </el-button>
      </div>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogTableVisible: false,
    }
  },
  methods: {
    showDialog() {
      this.dialogTableVisible = true
    },
    hideDialog() {
      this.dialogTableVisible = false
    },
    toBaseInfo() {
      this.hideDialog()
      let nowPath = this.$route.path
      let toPath = '/user/baseInfo'
      if (nowPath === toPath) {
        this.dialogTableVisible = false
        return
      }
      this.$router.push({
        path: toPath,
      })
    },
  },
}
</script>
<style lang="scss" scoped>
.baseInfo-tip {
  @apply mt-44;
  .content {
    @apply text-center rounded-lg px-20 py-2;
    .title {
      @apply text-blue-400 text-2xl;
    }
  }
}
</style>
